<!DOCTYPE html>
<html>
	<%include header.html%>
<body>
	<div id="container">
		<%include menu.html%>
		<div class="mid-col">
			<%include m_menu.html%>
<section id="cd-timeline" class="cd-container">
	<%list.data.forEach(function(data){%>
	<div class="cd-timeline-block">
		<div class="cd-timeline-img cd-picture">
			<img class="radius-circle" src="" alt="Picture">
		</div>

		<div class="cd-timeline-content">
			<p><%=data.mood%></p>
			<span class="cd-date"><%=data.time%></span>
		</div>
	</div>
	<%})%>
</section>
			<ul class="pager padding clearfix margin-big">
				<%if(list.currentPage>=1 && list.currentPage<=list.totalPages){%>
					<%if(list.currentPage>1){%>
					<li class="float-left">
						<a class="pager-prev icon-angle-left" href="<%=_web.url%>mood/<%=list.currentPage-1%>"></a>
					</li>
					<%}%>
					<%if(list.currentPage<list.totalPages){%>
					<li class="float-right">
						<a class="pager-next icon-angle-right" href="<%=_web.url%>mood/<%=list.currentPage+1%>"></a>
					</li>
					<%}%>
					<%}%></ul>
				<%include footer.html%></div>
		</div>
</body>
	</html>